body{font-size:.7rem;}
@font-face {
    font-family: 'webfont';
    src: url('//at.alicdn.com/t/font_2nj4iu1w88j5g66r.eot');
    src: url('//at.alicdn.com/t/font_2nj4iu1w88j5g66r.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_2nj4iu1w88j5g66r.woff') format('woff'),
    url('//at.alicdn.com/t/font_2nj4iu1w88j5g66r.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_2nj4iu1w88j5g66r.svg#webfont') format('svg');
}
[class^="icon-"]{display:inline-block;font-family:'webfont';font-weight:bold;}

.icon-game:before{content:"\e615";}
.icon-cancel:before{content:"\e7aa";}
.icon-add:before{content:"\e63f";}
.icon-view:before{content:"\e604";}
.icon-pencil:before{content:"\e648";}
.icon-bottom:before{content:"\e735";}
.icon-user:before{content:"\e6d8";}
.icon-cloud:before{content:"\e693";}
.icon-exit:before{content:"\e649";}
.icon-addUser:before{content:"\e63e";}
.icon-set:before{content:"\e663";}
.icon-menu:before{content:"\e603";}
.icon-reback:before{content:"\e607";}
.icon-history:before{content:"\e869";}
.icon-refresh:before{content:"\e754";position:relative;top:-.05rem;}

.login .wrap{position:absolute;width:100%;height:100%;text-align:center;color:#fff;
    background: -o-radial-gradient(circle closest-corner at 50% 35%, #49b0f9, #266cb2);
    background: -moz-radial-gradient(circle closest-corner at 50% 35%, #49b0f9, #266cb2);
    background: -webkit-radial-gradient(circle closest-corner at 50% 35%, #49b0f9, #266cb2);
    background: radial-gradient(circle closest-corner at 50% 35%, #49b0f9, #266cb2);
}
.login .wrap>div>img{width:100%;max-width:35rem;margin:auto;}
.login .wrap>p{margin-bottom:1rem;}
.login .wrap>div{margin:10rem auto auto;}
.login .wrap>div>div{width:70%;max-width:15rem;margin:auto;}
.login input{width:100%;padding:.25rem;border:.05rem solid #d5d5d5;margin-top:1rem;}
.login input.btn{background:#03A9F4;color:#fff;border:0;padding:.4rem;cursor:pointer;}
.login .btn1 {background:#ffb84c;color:#fff;border:0;padding:.4rem;cursor:pointer;}
.login a:link {color:#ffb84c;}
.login a:active {color:#ed5565;}

@media all and (orientation:landscape) and (max-width:750px) {
    /*匹配横屏的状态*/
    .login .wrap>div{margin-top:.5rem;}
    .login .wrap>div>img{width:50%;}
    .login .wrap>p{margin-bottom:0;}
    .login input{margin-top:.75rem;}
}

/*左侧菜单*/
.left-nav{width:11rem;position:fixed;height:100%;background:#2f4050;overflow-y:auto;transition:all .5s;left:0;z-index:3;}
.left-nav-head{padding:1.6rem 0 1.6rem 1.25rem;background:url("../image/header-profile.png") no-repeat;color:#dfe4ed;}
.left-nav-head img{width:3.2rem;height:3.2rem;}
.left-nav-head>strong{font-size:.8rem;padding-top:.25rem;}
.left-nav-head>div{position:relative;}
.left-nav-head>div>p{cursor:pointer;}
.left-nav-head>div ol{position:absolute;display:none;background:#fff;padding:.25rem 0;border:.05rem solid #ddd;-moz-animation:menu .3s;-webkit-animation:menu .3s;animation:menu .3s;top:1.5rem;}
.left-nav-head>div ol a{color:#333;display:block;padding:.3rem 1.6rem .3rem 1rem;}
.left-nav-head>div ol a:hover{background:#f5f5f5;}
.left-nav-head>div ol a i{font-size:.8rem;width:1rem;text-align:center;position:relative;}
.left-nav-head>div ol a i.icon-add{top:.1rem;}
.left-nav-main{font-size:.7rem;}
.left-nav-main li a{color:#a7b1c2;padding:.5rem 0 .5rem 1.25rem;}
.left-nav-main li a:hover,.left-nav-main>li.active>a{color:#fff;background:#233645;}
.left-nav-main>li i,.left-nav-main li span{margin:auto 0;}
.left-nav-main>li i{font-size:1.2rem;padding-right:.4rem;}
.left-nav-main>li.active{border-left:.2rem solid #19aa8d;}
.left-nav-main>li.active a{padding-left:1.05rem;}
.left-nav-main>li.active i:before{content:"\e616";}
.slideBar{display:none;z-index:2;}
.icon-menu{position:fixed;right:1rem;bottom:1rem;text-align:center;z-index:2;font-size:1.3rem;cursor:pointer;display:none;color:#fff;width:2rem;height:2rem;box-shadow:0 0 .25rem #03A9F4;line-height:2.1rem;background:#03A9F4;-webkit-border-radius:50%;border-radius:50%;}

/*右侧*/
.right{margin-left:11rem;width:100%;}
.right .btn{color:#03A9F4;}

/*topbar*/
.topBar{background:#03A9F4;padding:.5rem;}
.topBar>strong{color:#fff;margin:auto 0;font-size:1rem;}
.topBar>div{margin:auto 0 auto auto;}
.topBar>div .btn{color:#fff;margin:.1rem 0;}
.cloudTopBar{position:fixed;z-index:3;width:100%;}
p.his-log{padding:0 0 .5rem .5rem;line-height:1;font-size:.9rem;}
.table-scroll{position:absolute;width:100%;height:calc(100% - 2.8rem);overflow:auto;z-index:1;top:2.8rem;}

/*table*/
.table{font-size:.7rem;border:.05rem solid #ddd;width:100%;line-height:1;}
.table thead tr{background:#eee;}
.table tr th,.table tr td{border:.05rem solid #ddd;text-align:center;padding:.5rem .2rem;}
.table tbody td{color:#666;}
.table tbody td.red{background:#ed5565;color:#fff;}
.table tbody td.green{background:#1ab394;color:#fff;}
.table tbody td .btn{padding:.2rem .4rem;border-color:#d5d5d5;-webkit-border-radius:.1rem;border-radius:.1rem;margin:.1rem .3rem .1rem 0;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;}
.table tbody td .btn:hover{}
.table tbody td .btn:last-child{margin-right:0;}
.table td{word-break:break-all;}
.table th.svr1{width:4rem;}
.table th.svr2{width:10rem;}
.table th.ins{width:2rem;}
.table th.sins{width:5.75rem;}
.table-hovered tr:nth-of-type(2n){background:#eee;}
.table th#selectAll{cursor:pointer;}
.table .radio{cursor:pointer;}
.table .radio:before{content:"\e602";font-family:"webfont";font-size:1rem;}
.table .active .radio:before{content:"\e61f";color:#03A9F4;}
.table .check label:before{padding-right:0;font-size:1rem;}
span.warning{color:#ed5565;}

.gift-dialog div span{background:#ebebeb;padding:0 .5rem;font-size:.7rem; font-style:italic;margin:auto auto auto 0;}
.gift-dialog-info{font-size:.6rem;padding-top:.3rem;}

/*d*/
.custom-dialog>div{width:45rem;-webkit-animation: fadeInDown .5s linear;animation: fadeInDown .5s linear;}
.cd-head{padding:1rem .5rem;text-align:center;position:relative;font-size:1.3rem;}
.cd-head i{position:absolute;right:.5rem;top:.5rem;font-size:1.5rem;cursor:pointer;}
.cd-body,.scroll-log{border-top:.05rem solid #e5e5e5;border-bottom:.05rem solid #e5e5e5;background:#f8fafb;padding:1rem 1.5rem;}
.scroll-log{max-height:15rem;overflow-y:auto;}
.cd-body>li{margin-top:.75rem;position:relative;line-height:1;border:.05rem solid #e5e5e5;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;background:#fff;}
.cd-body>li.active{border-color:#03A9F4;-moz-box-shadow:0 0 .4rem rgba(19,129,241,.2);-webkit-box-shadow:0 0 .4rem rgba(19,129,241,.2);box-shadow:0 0 .4rem rgba(19,129,241,.2);}
.cd-body>li:first-child{margin-top:0;}
.cd-body>li>label{width:30%;max-width:6rem;color:#333;padding:.5rem 0 .45rem .5rem;margin:auto 0;}
.cd-body>li>input{border:0;padding-left:.5rem;border-left:.05rem solid #e5e5e5;-webkit-border-radius:0;border-radius:0;}
.cd-body>li>a{margin:auto .5rem;color:#03A9F4;white-space:nowrap;}
.cd-body>li ol{padding:.75rem 0 0;border-left:.05rem solid #e5e5e5;}
.cd-body>li ol li{width:11.5rem;margin-bottom:.75rem;padding-left:.5rem;color:#666;}
.cd-body>li textarea{resize:none;width:100%;border:0;border-left:.05rem solid #e5e5e5;height:10rem;padding:.5rem;font-size:100%;}
.check input{display:none;}
.check label{cursor:pointer;}
.check label:hover:before{color:#03A9F4;font-weight:bold;}
.check label:before{content:"\e602";font-family:"webfont";padding-right:.15rem;}
.check input[type="checkbox"]:checked + label:before{content:"\e61f";color:#03A9F4;}
.check input[type="checkbox"]:checked + label:hover:before{font-weight:400;}
.check input[type="radio"]:checked + label:before{content:"\e61f";color:#03A9F4;}
.check input[type="radio"]:checked + label:hover:before{font-weight:400;}
.cd-foot{padding:.75rem;}
.cd-foot .btn{color:#03A9F4;width:5rem;text-align:center;}
.cd-foot .cancel{color:#9e9e9e;}
.cd-foot .ok{margin-left:.75rem;}
.overall{padding:1rem 0 1rem .5rem;visibility:hidden;}
.overall li{margin:.25rem;}
.overall li .btn{padding:.2rem .5rem;border-color:#d5d5d5;}
.userList{width:6rem;position:fixed;}
.userList ol{padding-top:.3rem;max-height:12.5rem;overflow-y:auto;}
.userList ol li{padding:.1rem .4rem .1rem 0;font-size:.8rem;}
.userList dt,.projectList dt{border-bottom:.05rem solid #c5c5c5;}
.userList a{color:#999;}
.userList a i{padding-right:.15rem;position:relative;top:.05rem;}
.userList li.active a{color:#03A9F4;}
.userList li.active a i.icon-user:before{content:"\e61f";}
.projectList{margin-left:7rem;}
.projectList ol{padding-bottom:.75rem;max-height:12.5rem;overflow-y:auto;}
.projectList li{margin-top:.5rem;width:33.33334%;}
.projectList li>span{white-space:nowrap;text-overflow: ellipsis;overflow: hidden}
.projectList li div{margin:auto .5rem;}
.switch {position:relative;width:2.8rem;}
.switch input{display:none;}
.switch label {display:block;overflow:hidden;cursor:pointer;border:.05rem solid #1ab394;position:relative;}
.switch span:nth-child(1) {display:block;width:calc(200% + .2rem);margin-left:-100%;-moz-transition: margin .3s;-webkit-transition: margin .3s;transition: margin .3s;}
.switch span:nth-child(1):before,.switch span:nth-child(1):after{float:left;width:50%;height:.8rem;color:#fff;line-height:.8rem;}
.switch span:nth-child(1):before {content:"开";background:#1ab394;color: #fff;text-indent:.3rem;}
.switch span:nth-child(1):after {content:"关";background:#fff;color:#919191;text-indent:1.5rem;}
.switch span:nth-child(2) {width:.9rem;height:.9rem;background:#fff;border:.05rem solid #1ab394;position:absolute;right:1.85rem;top:-.05rem;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;}
.switch input:checked + label span:nth-child(1) {margin-left:0;}
.switch input:checked + label span:nth-child(2) {right:-.05rem;}

/*datetime*/
.date{position:relative;}
.datetimepicker{position:absolute;top:100% !important;left:6rem !important;border:.05rem solid rgba(0,0,0,.2);border-radius:.25rem;box-shadow:0 .25rem .2rem rgba(0,0,0,.2);font-size:.65rem;display:none;background:#fff;padding:.5rem;}
.datetimepicker:before,.datetimepicker:after{content:"";display:inline-block;position:absolute;}
.datetimepicker:before{border-left:.35rem solid transparent;border-right:.35rem solid transparent;border-bottom:.35rem solid #ccc;top:-.35rem;left:.3rem;}
.datetimepicker:after{border-left:.3rem solid transparent;border-right:.3rem solid transparent;border-bottom:.3rem solid #fff;top:-.3rem;left:.35rem;}
.datetimepicker thead tr th{text-align:center;}
.datetimepicker thead tr th.dow{padding:.5rem 0;}
.datetimepicker td{padding:.2rem .25rem;color:#333;text-align:center;}
.datetimepicker td,.datetimepicker thead tr:first-child th{cursor:pointer;-webkit-border-radius:.2rem;border-radius:.2rem;width:1.5rem;height:1.5rem;}
.datetimepicker td.day:hover,.datetimepicker td.range,.datetimepicker thead tr:first-child th:hover,.datetimepicker td span:hover{background:#eee;}
.datetimepicker td.old,.datetimepicker td.new,.datetimepicker td.disabled,.datetimepicker td span.disabled{color:#999;}
.datetimepicker td.active,.datetimepicker td span.active,.datetimepicker td.active:hover,.datetimepicker td span.active:hover{background:#03A9F4;color:#fff;}
.datetimepicker td span{float:left;width:25%;height:1.5rem;line-height:1.5rem;border-radius:.2rem;}
.datetimepicker .datetimepicker-years td span,.datetimepicker .datetimepicker-months td span{height:2.5rem;line-height:2.4rem;}
.datetimepicker td.disabled,.datetimepicker td span.disabled{cursor:not-allowed;background:transparent;color:#999;}
.datetimepicker td.disabled:hover,.datetimepicker td span.disabled:hover{background:transparent;color:#999;}
.datetimepicker thead tr:first-child th.switch{width:7.25rem;}

/*pages*/
.pages{margin:1rem 0;}
.pages ol{font-size:.7rem;text-align:center;line-height:1;}
.pages li{white-space:nowrap;display:inline-block;overflow: hidden;}
.pages li a{display:block;border:.05rem solid #ddd;padding:.35rem .6rem;line-height:1;border-left:0;color:#666;}
.pages li a:hover,.pages li.active a{background:#ddd;}
.pages li:first-child a{border-left:.05rem solid #ddd;border-radius:.2rem 0 0 .2rem;}
.pages li.disabled a{color:#999;cursor:default;background:transparent;}
.pages li:last-child a{border-radius:0 .2rem .2rem 0;}

@media screen and (max-width:1000px){
    .left-nav{left:-11rem;}
    .icon-menu{display:block;}
    .right{margin-left:0;}
}
@media screen and (max-width:750px) {
    .custom-dialog>div{width:20rem;}
    .cd-body>li ol li{width:100%;}
    .topBar>strong{font-size:.8rem;}
    .topBar>div .btn{padding:.2rem .3rem;}
    .table-scroll{height:calc(100% - 2.55rem);top:2.55rem;}
}
@media screen and (max-width:500px) {
    .login .wrap>div{margin-top:5rem;}
}
@media screen and (max-width:380px) {
    .custom-dialog>div{width:15rem;}
}

@-moz-keyframes menu {
    0%{-moz-transform: translateY(-1rem);transform: translateY(-1rem);opacity:0;}
}
@-webkit-keyframes menu {
    0%{-webkit-transform: translateY(-1rem);transform: translateY(-1rem);opacity:0;}
}
@keyframes menu {
    0%{-moz-transform: translateY(-1rem);-webkit-transform: translateY(-1rem);transform: translateY(-1rem);opacity:0;}
}
@-webkit-keyframes rotate_loading_half_up {
    0% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}
@keyframes rotate_loading_half_up {
    0% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}
@-webkit-keyframes rotate_loading_half_down {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
@keyframes rotate_loading_half_down {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
@-webkit-keyframes loading-balls {
    75% {
        opacity: 0.7;
    }
    100% {
        -webkit-transform: translate(-5rem, -0.3125rem);
        transform: translate(-5rem, -0.3125rem);
    }
}
@keyframes loading-balls {
    75% {
        opacity: 0.7;
    }
    100% {
        -webkit-transform: translate(-5rem, -0.3125rem);
        transform: translate(-5rem, -0.3125rem);
    }
}
.loading>div {
    background:transparent;
    width:6rem;
    text-align:center;
    color:#fff;
}
.loading p{padding-top:.5rem;}
.loading div.rehead {
    -webkit-animation: loading-balls 1s 0s infinite linear;
    animation: loading-balls 1s 0s infinite linear;
}
.loading div.circle:nth-child(3) {
    -webkit-animation: loading-balls 1s 0.33s infinite linear;
    animation: loading-balls 1s 0.33s infinite linear;
}
.loading div.circle:nth-child(4) {
    -webkit-animation: loading-balls 1s 0.66s infinite linear;
    animation: loading-balls 1s 0.66s infinite linear;
}
.loading div.circle:nth-child(5) {
    -webkit-animation: loading-balls 1s 0.99s infinite linear;
    animation: loading-balls 1s 0.99s infinite linear;
}
.loading div.head,.loading div.rehead{
    width: 0;
    height: 0;
    border:1.25rem solid #fff;
    border-right-color:transparent;
    -webkit-border-radius:1.25rem;
    border-radius:1.25rem;
}
.loading div.head {
    -webkit-animation: rotate_loading_half_up 0.5s 0s infinite;
    animation: rotate_loading_half_up 0.5s 0s infinite;
}
.loading div.rehead {
    -webkit-animation: rotate_loading_half_down 0.5s 0s infinite;
    animation: rotate_loading_half_down 0.5s 0s infinite;
    margin-top: -2.5rem;
}
.loading div.circle{
    background-color: #fff;
    border-radius: 100%;
    margin:.1rem;
    width: .5rem;
    height: .5rem;
    position: absolute;
    -webkit-transform: translate(0, -0.3125rem);
    -ms-transform: translate(0, -0.3125rem);
    transform: translate(0, -0.3125rem);
    top: 1.25rem;
    left: 5rem;
}